import { Link } from "react-router-dom";
import { ArrowRight, FileText, Image as ImageIcon, Scan } from "lucide-react";

export default function Home() {
  return (
    <div className="min-h-screen bg-gradient-to-br from-blue-50 to-indigo-100 flex flex-col items-center justify-center p-6">
      <div className="text-center mb-12">
        <h1 className="text-4xl md:text-5xl font-bold text-gray-800 mb-4">MoreOCR-多模态智能OCR识别</h1>
        <p className="text-lg text-gray-600 max-w-2xl mx-auto">
          基于先进的多模态大模型，精准识别图片、PDF中的文字，支持多语言、公式、表格和手写体识别
        </p>
      </div>
      
      <div className="w-full max-w-4xl bg-white rounded-2xl shadow-xl overflow-hidden">
        <div className="grid md:grid-cols-2">
          <div className="p-8 flex flex-col justify-center">
            <h2 className="text-2xl font-semibold text-gray-800 mb-4">开始使用OCR识别</h2>
            <ul className="space-y-3 mb-8">
              <li className="flex items-center text-gray-600">
                <FileText className="w-5 h-5 mr-2 text-blue-500" />
                支持多种格式文件识别
              </li>
              <li className="flex items-center text-gray-600">
                <ImageIcon className="w-5 h-5 mr-2 text-blue-500" />
                图片、PDF、截图一键识别
              </li>
              <li className="flex items-center text-gray-600">
                <Scan className="w-5 h-5 mr-2 text-blue-500" />
                多语言识别与智能版面分析
              </li>
            </ul>
            <Link 
              to="/ocr" 
              className="inline-flex items-center justify-center bg-blue-600 hover:bg-blue-700 text-white font-medium py-3 px-6 rounded-lg transition duration-300 transform hover:scale-105"
            >
              进入OCR识别
              <ArrowRight className="ml-2 w-5 h-5" />
            </Link>
          </div>
          <div className="bg-blue-600 flex items-center justify-center p-8">
            <div className="text-white text-center">
              <div className="text-6xl mb-4">📄→🔍→✏️</div>
              <p className="text-blue-100">智能识别 · 精准提取 · 轻松编辑</p>
            </div>
          </div>
        </div>
      </div>
      
      <div className="mt-12 grid grid-cols-1 md:grid-cols-3 gap-6 max-w-4xl w-full">
        <div className="bg-white p-6 rounded-xl shadow-md">
          <h3 className="font-semibold text-lg mb-2 text-gray-800">多格式支持</h3>
          <p className="text-gray-600 text-sm">支持图片、PDF等多种格式文件的文本识别，满足不同场景需求</p>
        </div>
        <div className="bg-white p-6 rounded-xl shadow-md">
          <h3 className="font-semibold text-lg mb-2 text-gray-800">智能编辑</h3>
          <p className="text-gray-600 text-sm">识别结果实时编辑、纠错、格式调整，轻松获取可用文本</p>
        </div>
        <div className="bg-white p-6 rounded-xl shadow-md">
          <h3 className="font-semibold text-lg mb-2 text-gray-800">多格式导出</h3>
          <p className="text-gray-600 text-sm">支持TXT、DOCX、PDF等多种格式导出，无缝对接后续工作流</p>
        </div>
      </div>
    </div>
  );
}